/*2013-11-27 add skin*/
#webdd-container { position: fixed; width: 160px; z-index: 999999; text-align: left; font-family: 'Microsoft YaHei', 'SimSun'; }
	/*title and close button*/
	#webdd-container strong { position: relative; height: 28px; line-height: 28px; display: block; color: #656565; font-weight: normal; background: #e5e5e5; text-indent: 8px; font-size: 12px; }
		#webdd-container strong.zh-cn { font-size: 16px; }
	#webdd-container .icon-close { position: absolute; top: 2px; right: 8px; cursor: pointer; }

	/*wrap setting*/
	#webdd-container .webdd-content { border: 1px solid #dadada; overflow: hidden; *position: relative; }
	#webdd-container .webdd-scroll-c { position: relative; }
	#webdd-container .webdd-main { padding: 0 40px 0 0; margin-right: -40px; background: #fff; max-height: 360px; overflow-x: hidden; overflow-y: auto; _height: 360px; _width: 200px; }

/*contract list*/
#webdd-main a { text-decoration: none; color: #292929; display: block; padding: 2px 0 2px 8px; font-size: 12px; }
	#webdd-main a img { border: 0; margin: 0 4px 0 0; vertical-align: middle; border: none; max-width: 92px; }
#webdd-main ul { list-style: none; font-size: 12px; margin: 0; padding: 0 0 0 8px; }
	#webdd-main ul.level0 { padding: 2px 0 2px 0; }
		#webdd-main ul.level0.webdd-dduser { padding: 6px 0 16px 0; margin-bottom: -14px; }
	#webdd-main ul div { cursor: pointer; margin: 0; padding: 0 0 0 4px; }
	#webdd-main ul ul { padding: 6px 0 0 0; }
#webdd-main li.level1 { }
	#webdd-main li.level1.last { margin-bottom: 0; }
#webdd-main li, #webdd-main li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	#webdd-main li li { margin-bottom: 3px; }

/*scroll bar*/
#webdd-container .webdd-scroll { position: absolute; top: 0; right: 0; width: 11px; opacity: 0.7; filter: alpha(opacity=70); _height: 360px; }
	#webdd-container .webdd-scroll div { position: relative; top: 0; background: #ccc; border-radius: 5px; }

/*icons*/
.icon-close, .icon-up, .icon-down, .icon-gotop, .ico-qr, .ico-arrow { background-image: url(//s01.yzimgs.com/Images/StyleImages/FloatImage/FloatImage/webdd_sprite3.png?11111221); _background-image: url(//s02.yzimgs.com/Images/StyleImages/FloatImage/FloatImage/webdd_sprite4.png); background-repeat: no-repeat; vertical-align: middle; }
/*.icon-close, .icon-up, .icon-down, .icon-gotop, .ico-qr, .ico-arrow { background-image: url(webdd_sprite3.png); _background-image: url(../Images/webdd_sprite.png?123); background-repeat: no-repeat; vertical-align: middle; }*/
.icon-close { width: 24px; height: 24px; background-position: 10px -10px; }
.icon-gotop { width: 37px; height: 37px; background-position: -20px 0; margin: 0 auto 2px auto; cursor: pointer; }
.icon-up, .icon-down, .icon-none { width: 9px; height: 6px; margin: 0 4px 0 0; _margin: 6px 4px 0 0; display: inline-block; *display: inline; *zoom: 1; }
.icon-up { background-position: -102px -10px; height: 7px; margin: -2px 4px 0 0; }
.ico-qr { width: 16px; height: 16px; background-position: -98px -21px; display: inline-block; margin: -4px 4px 0 0;}
.icon-down { background-position: -105px 0; }
.ico-arrow { width: 6px; height: 11px; position: absolute; bottom: 10px;}

/*QR*/
#webdd-qr { margin-top: 4px; font-size: 12px; background: #fff; position: relative;}
	#webdd-qr:hover #webdd-qr-detail {display:block;}
	#webdd-qr-detail { border: 1px solid #dadada; padding: 8px; text-align: center; position: absolute; bottom: 0; background: #fff; color: #4A4A4A; display: none;}
	#webdd-qr img { max-width: 116px; width: 116px; border: 0; margin-bottom: 2px;}
	#webdd-qr p { margin: 0; border: 1px solid #E1E1E1; padding: 4px 6px; color: #818181; cursor: pointer; }
	#webdd-qr p:hover { color: #333; }
	

.webdd-dire-left #webdd-qr-detail { left: 105%; }
.webdd-dire-left .ico-arrow { left: -6px; background-position: -60px -26px; }
.webdd-dire-right #webdd-qr-detail { right: 105%; }
.webdd-dire-right .ico-arrow { right: -6px; background-position: -119px -23px; }

/*dialog*/
#webdd-dialog { position: fixed; width: 480px; border: 1px solid #C7C7C7; color: #575757; padding: 0 0 40px 0; background: #fff; text-align: left; font-family: 'Microsoft YaHei', 'SimSun'; z-index: 999999; }
	#webdd-dialog h5 { height: 28px; line-height: 28px; background: #E0E0E0; padding: 0; margin: 0; font-size: 14px; font-weight: normal; text-indent: 12px; }
	#webdd-dialog strong { position: absolute; top: 6px; right: 12px; font-size: 12px; }
	#webdd-dialog p { padding: 12px; margin: 0; font-size: 12px; line-height: 24px; }
	#webdd-dialog a { text-decoration: none; color: #575757; font-size: 12px; position: absolute; top: auto; left: auto; bottom: 8px; right: 6px; width: 68px; height: 28px; line-height: 28px; text-align: center; }
		#webdd-dialog a:hover { top: auto; left: auto; bottom: 8px; right: 6px; }
	#webdd-dialog .btn-dialog-confirm { background: #2194E5; color: #fff; border-radius: 3px; right: 80px; }
		#webdd-dialog .btn-dialog-confirm:hover { background: #61b9f7; top: auto; left: auto; bottom: 8px; right: 80px; }